@charset "utf-8";
/*
date：2018-11-09 ,
author: Hexiyang ,
author-blog: http://hexiyang.cn
*/

.Cart {
  .icon-gouxuan3 {
    color: #888;
  }
  .item {
    background-color: white;
    margin: .2rem;
    box-shadow: 0 0 2px 1px #ccc;
    border-radius: 2px;

  }
  .shop-name {
    padding: 1rem;
  }
  .product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem 1rem 1rem;
    border-bottom: 1px solid #ccc;
  }
  .cover {
    width: auto;
    height: 6rem;
    flex: 2;
    margin-left: .6rem;
  }
  .info {
    flex: 6;
    margin-left: 1rem;
  }
  .btn-edit {
    flex: 1;
    background: none;
  }
  .edit {
    padding: .2rem 1rem;
    .sku-item {
      display: flex;
    }
    &.strong {
      font-weight: bold;
    }
    input {
      width: 3rem;
      height: 1.6rem;
      text-align: center;
    }
    .fun {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .btn {
      font-size: 1.8rem;
      font-weight: bolder;
      line-height: 100%;
      overflow: hidden;
      width: 3rem;
      padding: 0;
      color: #555;
      border: 1px solid #ccc;
      background-color: #f6f6f6;
      height: 1.9rem;
      &-reduce {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-right: none;
      }
      &-add {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left: none;
      }
    }
    span, div, strong {
      flex: 1;
      text-align: center;
      &:last-child {
        flex: 2;
      }
    }
  }
}